<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title>La casita del disfraz</title>

<%@ taglib uri="/struts-tags" prefix="s" %>

<link rel="stylesheet" type="text/css" href="css/principal.css">
<link rel="stylesheet" type="text/css" href="css/administrador.css">
<link rel="stylesheet" type="text/css" href="css/botones.css">

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script type="text/javascript" language="javascript" src="js/principal.js"></script>


<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

</head>
<body>
<div id="bg_pop"></div>
<div id="pop"></div>
<div id="contenedor">
	<div id="contenedor_2">
    	

    	
        
       
       
    
        
        <section>
        	<div id="barra">
        	  <div id="barra_up_admin">
               	 <div id="barra_txt" class="titulo_txt">Clientes</div>
              </div>
          </div>
        </section>
        
        
        <section>
        	
            
            
           <div id="a_pagina_a">
          
		</a><br/>
           
          
           
           <div id="a_pagina_b"> 
           
          
               			<div id="cont_tabla">
                        <div id="fila_tabla"><!-- FILA TABLA -->
                            <div id="a_border_izq"></div><!-- BORDER IZQ -->
                            
                            <div id="a_border_medio"><!--  	BORDER MEDIO -->
                                <div id="separador_azul"><!-- SEPARADOR AZUL -->
                                    <div id="cont_txt_up">
                                        <div id="txt_up1" class="txt_blanco">Codigo</div>
                                        <div id="txt_up2" class="txt_blanco">Nombre</div>
                                        <div id="txt_up3" class="txt_blanco">&nbsp;&nbsp;&nbsp;Apellidos</div>
                                        <div id="txt_up4" class="txt_blanco">Telefono</div>
                                        <div id="txt_up5" class="txt_blanco">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;direccion</div>
                                        <div id="txt_up6" class="txt_blanco">&nbsp;&nbsp;&nbsp;Modificar</div>
                                        <div id="txt_up7" class="txt_blanco">Eliminar</div>
                                       
                                    </div>
                                </div><!-- FIN SEPARADOR AZUL -->
                            </div><!-- FIN BORDER MEDIO-->
                                
                            <div id="a_border_der"></div><!-- BORDER_DER-->
                        </div><!-- FIN FILA TABLA-->
                           <s:iterator value="cliente">
                        <!-- TABLA BAJADA -->
                        
                        <div id="fila_tabla"><!-- FILA TABLA -->
                                <div id="bg_contabla_medio"><!-- BG MEDIO -->
                                  
                                    <div id="espacio_reglon3"></div>
                                    
                                   
                                   
                                    <div id="capa_ryu">  
                                   
                                        <div id="rejilla"><!--  REJILLA -->
                                          
                                            <div id="cont_txts">
                                              
                                 
                                                <div id="txt1" class="txt_gris2"><s:property value="codCliente"/></div>
                                                <div id="txt2" class="txt_gris2"><s:property value="nombre"/></div>
                                                <div id="txt3" class="txt_gris2"><s:property value="apellidoPat"/><s:property value="apellidoMat"/></div>
                                                <div id="txt4" class="txt_gris2"><s:property value="telefono"/></div>
                                                <div id="txt5" class="txt_gris2"><s:property value="direccion"/></div>
                                                
                                                <div id="txt6" class="txt_gris2">
                                                    <div id="icono_modificar" title="Modificar" class="ico_modificar">
                                                    <a href="<s:url action='editarCliente-%{codCliente}' method="editar"/>" style="display:block;width:100%;height:100%"> </a>
                                                    <input type="hidden" value="modificar_disfraz_ryu.html" id="modificar_oculto">
                                                    </div>
                                                </div>
                                                
                                                <div id="txt7" class="txt_gris2">
                                                    <div id="icono_eliminar" title="Eliminar" class="ico_eliminar">
                                                    	
                                                   <a href="<s:url action='eliminarCliente-%{codCliente}'/>" style="display:block;width:100%;height:100%"></a>
                                                    <input type="hidden" value="capa_ryu" id="eliminar_oculto">
                                                    </div>
                                                </div>
               
                                              
                                                
                                            </div>
                                        
                                        </div><!-- FIN REJILLA -->
                                      
                                    
                                    	<div id="hr_tabla"></div><!-- HR TABLA -->
                                    
                                    </div>
                                    
                           
                                  
                                     
                                	</div>
                                     </s:iterator>
                                      
                                </div><!-- FIN BG MEDIO -->
                                   
                                <div id="bg_contabla_down"></div><!-- BG CONTABLA DOWN -->
                            
                        </div><!--FIN FILA TABLA -->
                    
                    <div id="espacio_reglon3"></div>
                    
                    
                    <article id="pagina">
                                <div id="btn_pie_s">
                                    <a href="javascript:void(0);" id="txt_pagina_s">1</a>
                                </div>
                                
                                
                                <div id="btn_pie">
                                        <a href="javascript:void(0);" id="txt_pagina">2</a>
                                </div>
                                
           
                                <div id="btn_pie">
                                         <a href="javascript:void(0);" id="txt_pagina">3</a>
                                </div>
                                
                              
                                <div id="btn_pie">
                                        <a href="javascript:void(0);" id="txt_pagina">4</a>
                                </div>       
                    </article>     
             
               </div> <!-- FIN CONT TABLA -->
        
   		   </div>
           </div>
          	
            <div id="capa_nuevo"></div>
          
        </section>
        
           
        

    
    </div>
</div>
</body>
</html>